*{
transition-property: all;
-ms-transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
}


.banner{position: relative;width: 100%;height: auto;overflow: hidden;}
#kinMaxShow .kinMaxShow_button{width:200px;}

.index_title{margin:80px 0 50px;}
.index_title h2{line-height: 35px;  color:#0461bb; font-size: 42px; text-align: center; letter-spacing: 2px; font-weight: normal;}
.index_title h3 { text-transform: uppercase; font-size: 18px;color: #d3d2d1;font-weight: normal;padding-top: 5px; text-align: center}
.index_title p{font-size: 16px; text-align: center; color:#2d2d2e;padding-top:10px; }

.in_case {overflow: hidden;}
.in_case .caselist{overflow: hidden;}
.in_case .caselist li{ width:360px; float:left; margin-right: 60px;}
.in_case .caselist li .div_pc{width:360px; height:250px ; overflow: hidden;}
.in_case .caselist li .div_pc img{transition: all ease-out 0.3s;}
.in_case .caselist li p{line-height: 60px; padding:0 20px;  text-align: center;  font-size: 18px; }
.in_case .caselist li:hover img{transform: scale(1.13)}
.in_case .caselist li:hover a{font-weight: bold;}




.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 660px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz dl{width: 222px;float: left;padding-right: 50px;padding-left: 50px; background:url(../images/pinz_line.gif) no-repeat 0 57px;padding-top: 57px;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl:hover dt img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz dl dd{padding: 35px 0 0;}
.pinz dl dd p{font-size: 26px;color: #555;line-height: 24px;height: 48px;overflow: hidden; text-align: center;}
.pinz dl dd a{width: 222px;height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd a img{width: 222px;height: 120px;}
.pinz .nobor01{padding-left: 0;background: none;}
.pinz .nobor02{padding-right: 0;}

.pinz dl dd a img,.ys_pic img,.jz dl dt span img,.news dt img{
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;}
    .pinz dl dd a img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
    .pinz .index_title h2{color:#fff;}
    .pinz .index_title p{color:#d3d3d3;}


.koubei{ background:#fff; }
.koubei .l{float: left; overflow: hidden;}
.koubei .l img{transition: all  0.5s ease-out}
.koubei .l:hover img{transform: scale(1.12)}
.koubei .text{float:right; width:410px;}
.koubei .text h2{font-weight: normal;line-height: 52px;height: 130px; background:url(../images/jz_line.gif) no-repeat 5px 128px; font-size: 34px;}
.koubei .text h2 img{width:13px; height: 13px; display: inline-block; vertical-align: middle; padding-right: 5px;}
.koubei .text p{color:#9e9e9e; font-size: 16px; line-height: 33px; margin-top:20px;}
.koubei .text .amore{width:140px; height: 40px; line-height: 40px; color:#fff; float: left; background: #0f5aad; border-radius: 15px; text-align: center; margin:12px 0}
.koubei .text .honor{width:600px; height: 149px;}
.koubei .text .honor a{display: block;}
.koubei .text .honor a:hover{cursor: pointer;}
.koubei .index_title h2{color:#000}

 
 
 


.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 500px;overflow: hidden;padding: 13px 0 0; margin-top:70px;} 
.ab_desc{font-size: 16px;color: #fff;line-height: 30px;overflow: hidden;width: 960px;text-align: center;margin:0 auto;}
.about h4{font-size: 24px;color: #fff;font-weight: normal;height: 44px;line-height: 44px;text-align: center;overflow: hidden;padding: 25px 0 0;}
.about em{display: block;width: 135px;margin:0 auto;padding: 60px 0 0;}
.about em a{display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden;background: #fff;border-radius: 20px;}
.about em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.about .index_title h2{color:#fff;}
.about .index_title p{color:#d3d3d3;}



/* in_news */
.in_news{padding-bottom:60px; overflow: hidden; }
.in_news .news_top {text-align: center; margin-bottom:45px;}
.in_news .news_top li{display: inline-block;height: 38px;line-height: 38px;width: 130px;border:1px solid #2d2d2e;margin:0 10px; border-radius: 18px;}
.in_news .news_top li a{color: #000;font-size: 18px;}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#0461bb; color:#fff; border: 1px solid #0461bb}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; }

.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}
.in_news .news_box li {width: 570px;padding-bottom: 20px;float: left;margin-right:30px; margin-top: 30px;background:#fff;}
.in_news .news_box li h2{width:78px; height: 78px; background:#f2f2f2;text-align: center;color: #808080;}
.in_news .news_box li .des  span{display: block; font-weight: bold;  font-size: 26px;  line-height: 44px; border-bottom:1px solid #dad8d8;}
.in_news .news_box li .des  em{display: block; font-style: normal;   font-size: 14px; line-height: 33px;}


.in_news .news_box li .txt { width: 470px;}
.in_news .news_box li p.txt1{font-size: 18px;color: #2d2d2e;margin-bottom:10px;}
.in_news .news_box li p.txt2{color: #848383; font-size: 14px; line-height: 20px;}
.in_news .news_box li:hover{ -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.in_news .news_box li:hover p.txt1{color: #0060a5;}
.in_news .news_box li:hover h2{
    background: #0461bb;
    color:#fff;
}
.in_news .news_box li .txt a.fr{background: #0060a5;color: #fff;line-height: 18px;height: 20px;padding: 0 15px;border-radius: 10px;}
.in_news .news_box li .txt a.fr:hover{background: #07a1f1;}
.in_news a.more{background: #07a1f1;}



/* in_case */
.in_honor{padding-bottom:55px; background: #f9f9f9;  overflow: hidden;}
.in_honor ul li {border:1px solid #f0f0f0;float: left;width: 228px;margin: 0 5px; overflow: hidden;}
.in_honor ul li img {width: 228px;height: 86px; transition: all ease-in-out 0.5s;}
.in_honor ul li:hover img{transform: scale(1.12)}





@keyframes rightOpacityShow {
0% {
transform: translateX(-80px);
opacity:0;
}
80% {
transform: translateX(20px);
}
100% {
transform:translateX(800);
opacity:1;
}
}